@charset "UTF-8";
/**
 * 
 * @authors ZhangGuiLiang (xtkhgmyv@163.com)
 * @date    2019-12-05 20:45:52
 * @version $Id$
 */
/*
YUI 3.18.1 (build f7e7bcb)
Copyright 2014 Yahoo! Inc. All rights reserved.
Licensed under the BSD License.
http://yuilibrary.com/license/
*/
html {
  color: #000;
  background: #FFF;
  font-family: "Microsoft YaHei";
}
body,
div,
dl,
dt,
dd,
ul,
ol,
li,
h1,
h2,
h3,
h4,
h5,
h6,
pre,
code,
form,
fieldset,
legend,
input,
textarea,
p,
blockquote,
th,
td {
  margin: 0;
  padding: 0;
}
table {
  border-collapse: collapse;
  border-spacing: 0;
}
fieldset,
img {
  border: 0;
}
address,
caption,
cite,
code,
dfn,
em,
strong,
th,
var {
  font-style: normal;
  font-weight: normal;
}
ol,
ul {
  list-style: none;
}
caption,
th {
  text-align: left;
}
h1,
h2,
h3,
h4,
h5,
h6 {
  font-size: 100%;
  font-weight: normal;
}
q:before,
q:after {
  content: '';
}
abbr,
acronym {
  border: 0;
  font-variant: normal;
}
sup {
  vertical-align: text-top;
}
sub {
  vertical-align: text-bottom;
}
input,
textarea,
select {
  font-family: inherit;
  font-size: inherit;
  font-weight: inherit;
  *font-size: 100%;
}
legend {
  color: #000;
}
#yui3-css-stamp.cssreset {
  display: none;
}
a {
  text-decoration: none;
}
.w-100 {
  width: 100%;
}
.pull-left {
  float: left;
}
.pull-right {
  float: right;
}
.text-justify {
  text-align: justify;
}
.text-center {
  text-align: center;
}
.clear {
  clear: both;
}
input {
  outline: none;
}
body {
  font-size: 12px;
}
@font-face {
  font-family: "iconfont";
  src: url('//at.alicdn.com/t/font_1570237_scdmbsdi2kl.eot?t=1579161294172');
  /* IE9 */
  src: url('//at.alicdn.com/t/font_1570237_scdmbsdi2kl.eot?t=1579161294172#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('data:application/x-font-woff2;charset=utf-8;base64,d09GMgABAAAAAA78AAsAAAAAHgAAAA6vAAEAAAAAAAAAAAAAAAAAAAAAAAAAAAAAHEIGVgCFZgqpfKBxATYCJANcCzAABCAFhG0HgkobexhFRoaNA6BAfB/Z/3UCJ0Ok/BKqM4nIpINO5uoK7WY+8Zr7h2+ssHtuOTK/LZkFm1hib1sRNSIj4FB8P/uwES45JnjCucd3TZpeUqBPAySFbCSBQlabRMUSUM6O5RwpIKE3xDY7BMUC7EUproLNVTBj37lsvnSt669q/3WfmRZAQJsDmA3cXKt1B0/CRr07Qvvk0fe6SZuFppPm6P9ypn+kxRlpUeA4QHACIMES2iliSDq1Tyq6AtubsFEKolUGQ+jU3vhwaQ+Anv9vQB23/3+/ltrba7bA16i60JZQGFQ1rsYt997t31x/+Id4w3sBQl2WncrKqgAdBQiNK5ATFbrG+frPfu490BrQxTnIyIda+2u8qSFAYCTTkVWf2yVQLMIiKLCbo/2gqUBsjUlQf1fi0iJXYaPR5egscMX/+vKHuaIQERvEtLZ9wxAsAz/2svxn+M7QYo4AM3dggOmABflYGvEamBCm+0ooK265BTCg4qvR73zH1eTcePKT5XWp3fpxnnHmQVm7iBEGkhnJaGb+Bx4YUiyBmAwhIqegpKKmoaVDlx4OxZOAOJA/A5ABz+jBd0A3YOA7jkk3SAyMBZIDE4CcgYmBXIDJgFyBESA3YCIgD2ByIE9Y6AIpgSmBVMBUQCQsdI3UwDRA3sC0QD7AdIB8gekC+UEYEsoCxgFVAaNAK0HwPOoiSpEA0IeLmcBtwF0D6Bzi9DN6QTAk0BwxXoKEExeUQEJORhePpQRF1NmMD1e2Nq9DaLSuitD1jk7qxCYxjSfvNi7Ls0x8VmmSZ76x8FXNsoq22sjhnTw0CUqSdHJVOS2vovE8y8+7C1M0jFetqkGPSk3NsjaOR3dEUuV9aDLXw1YsEkXKy6+oB3YPD+2JHpghz36zWJRKJblSUcvlrgMoAZd0XCw+hy1LswkxXd1RGWNhZEmEuPuTGO/UIGau/gxV2g9LG28E46u7tNyUBsMLV+v+dBYS+amkqgcR+enjtgEzltWbK8ml0nwl9+1KrzzPuzz7BTcpKI7B7ZafdPUQXnNBMm1jiqpsm0XrMkQoQhOEG7FxF8A9QswAIb2AZc0SsOWIyHEXZW0Y9DCmCKoisyR7wiV6t7kDDQZQRZVIiamn/OOs+Rui9ecNT/fNvJYjwWLwgYbMjBxUHbs3tTEdoOpk4WWc8RAiCFMPuk9IP8VUs909tuKifSFmHobU6Vl9muJYAOwDSBR7j/+6rOHqz2Nqjv2ygTVFMfq04aFa3Rcb7TxU4WUcqBJKu4mwWV/3MGPktHx/MoCpBUTCqRkhxKxq2nZV4iWs2f76GdaBvZKyW5b2qPI+Rf6yPKn2TGVT8xeliTUni+sjMskGo2nleUgMxF6kJ3U3VDUoR2U6WZj2vB434SbbdLKoGHe1e2agFw4YQmTIMhxdjLomP2xrVn8kOtw0HI3U+AFd9BjZ5SkW6a5pA8QYCOnX2AaAgp3YSMJfYowpuKVgT/u0FGw4AnJdkdjp4D5c50FaYiFD1m3KskweLKvNFvV1v0Ybob1ewfrjzxTCJwJi8id+Mn8Y5ZJr98ZqdyWEwbIlHoNmuIu3EnYCJpBJ+og7oiInFdKO8XaRI05ZdE+gZOalO4e7styjGZDqu/3AjsAvgoIcAVsc2DxxJ8bQcWO4iX1r/R7TD3s3ZU4R9/CS0GVX09ftW68DA32nigLEH/T/8SiMviy3J+73/f5wNLK/Q4P9VmnDgEwUieC7H1j6vD4gSMKIbPLpgXoZKv8sxdJtDGIRU6UtNUSFjisIcKwqaCr7aqgLQUdi9epK13dlseg6zzKxFTwqDiWLb0/MRLYrdIDqOkLpOKHd5kHscATEqxxxdYmxNJ7153V5keBYvGy7KhFksc3iEN/pCsmw4nDWJk5os+yHkwiKYxRrsjYIrbBA3Z43oh3jT5HnVc3MuCuyFQqt2WcXlZwkaalZ3sjgMiU8Szf+fSX4mVNlkO1rs/0k3moSNjj0KgF+sizwbgzPAbysmXbazIpu76YvIseTQLMwRvcv4u9tISoNih5MJ+lzo1oqnLpGcgRi9cMqfcQ8N/xzYeAhf3GsPtMPENBMEY2crYCRYwCMRiYB20T5C7rB0eqDphHT4hM6rcnmc7/EZLwwGnkKRhgF8ZziJjd+nuOBqIH8jOgBRgAP0scGWGDaX9HYpR8svy1y3EHr11NIFlu/AVqvrPffwpj9zz+DRR8c/Df20X/j9+1J048e0yk6/ehRyM3hkTKncuwiNUZ/+inNTLFPPzHT01gqRsX4eGBV4n8ei63VzvvL39Defnl1Fc+eEFiEZWphKRSy+dhKHtFjKeD9YQpBdaYd8EDocHERpRe3we99t6ZLoEh5aezVTZfk9osetbyjWXcNm22w9dqfkrc3T1448du5yXpj4oTnv3Ta77V5MvnUcTWmKZNfdxqrsVqP17C4qhnT3050b7eD6F5EVrB5c0R634NFIi4iu9+atvdTRwGH4hRS/zhmZ43zfpL9eQh+IVWUmRoL7zft1oyYkKEBKueV0dTY0RX7Fe0MeWbCY2eP7jkaaTdgqUa4Zk/ZZlBSDIqE5YjLKFnr+fE9oqXRm8umjFGcm3N2zt05924r7nlCIOWGEUDMFfh9cJpanQt1Pwi7vZ4FRKl1/2JqgmJSFp1loWlMUkyUaRwPOmg5uKS7YgKlOVi4NwejJXWKw0emdJ5Yp6xbO+DoT+FB0W+w5OBlSJMIUgnHx86PDoIhHMDFzSvFXocqOIkLYfdi50USlyz45CDyn063TX4mN4nDHYVgADlQXCguIPOXNEGBKARQsrAO5hLIJwvEl5oHkgNYhsO927F2dxg1YSYH1ujxUgcitlfa34vqKg7U1ynvqBccFkKVnHCciwI///IfmnD2yVNnN6lw00OnQf3305keluqnlpaVhpNnbQU2LalKvQ7W7ZbS6VmwXhdxwKsqWRrG3gFilav5xkomp1H2nitsbPTMRpUzKnsPP6POCfN5HjBpPzyDS9+fmrBvjL92VuGpHuGYync/74/zH97+zdkIYjwIbq73g4wUrEsPrIPB9+7tvA2azt3g/bAjU06p4ZJ+6Pr9pxgbtx/XHk9Z4qTqMm9T6G1+mdq3x2ppy/x6H0u6ZbrhkBQq5ID3Q9oaxLPNgVgxiLv+FGLWoz48sJM6D5MX5oACQWrp+XNnJ0JBEviZNAhOkEn7A9ZCYRhFYo9K+PcEbwW090XXhhMsh3d9XYs1+C05iivfU56u+/AevC6IxXQRdmHzkS7cHpjPLwpKILpB9CufxCxA3Qm5X7y4qi5TIVUo+6u2/uzufwcCb1XX7HTdWRJUMp1UDfv7XtEMaTfpDGLvwskuKDOYQZ2mIF5gujPBe/lT8vPl9FFwwr19beMXjUtNHPtrbCI9Nj7k/MDizsU+RJOabR8DaKRIUqeUTp1p574nN9ZaRQY5TL1149dfeXqNfIFxJdA6Yxy9ckGwZhIVogvSyUSp3lnqR48UP944wwsKT0x0vQnz3LBuX99+Qn2M8F8UmJL69dNiY2K71U77EaTFJ8SDiJxvyee5SXuyo85KGJ6ej5BvOAJd3BAsmGgK1nn35Mr5m/4Xf0fPoTGi8MOcFFFZUSnM7T+oP9vsZfI62S1ON0zq44EF5gei6Mia4BreSKciJ2ZC09wmwQhFhkJsJHXkDx/cpzvCzdi82EClUbknQ5TxnLT6rd9Peco/t3piN6wr1hMVfrsNKWa1b3nTp7bS6nSzj+YR8xgC62axc8I52WaJQpUTlVGrQ4coEruzbvzwiRoAeBmW3BUMgZohBmdoX3OgE1Zz1PHpKQ1puwfXrMjNsLj88DYYwInsMJl668W0dEOO2FeSY2Znh8tXaaBwjTzDomEvO9WIWqLWHL4FkuQQHBIlwKLll5O3vw74ix0w5c5TyDdgG1xsZEUf/LW5b41gygF+5/ScUoZ1m/I54J8OHTpIv4d2vMyvBulDO/bPHjaI5TY48B41WgtdclIoaN2AVT08dHEs1nWMUIhHEFMKDY4Gh7qGBv90x+2OEmpsSkEmlrO5NjX78pceXcqHfDyfUEUSz893+ilnwByyfEQnrUBrhYUmQS2qReZ86+7fPRSwHMPfczf4aXRVMkXXK9Zzb4J8yDwkid48mwpPkbM/xkVRjIMrs7AsFOVgBbhZ2G3AjVBWlZ7bG2PTXO6UV9beBTgPnVg4SaGlYKK1XB7KpMLa2+wKgSd3o+1IAdve7SbvQAoQ+/sxos8qMUtZ3rjy6XAcq8SeGE08I2isJ86R0tI7q5TtlTm3Wm/9PeAtqpx/M3HzGljPYHb8B4CjzlC4yfe2g2CD9yn7TLxuszq4CxAJ8GQD4cqDrOcAOL6fgIWUg4LSx1plqupMQawN6c3+wbVp08JomLbaSbiQeW91DGZgCahM76WuwVnelzWb7ulHmOAk0PXNa5G51VWY+YXXH6AFj7dnEonfuIJ/+t67nRZznsc76lIsw0lCiX4+IH7PiZpN7FYWQX27/vdI6Mi3L31dLQKC7AK/7WIavtijdrXFn5RqN2YiEkYwBmU8ZenpTEzKfMahLGUC01jrPqXlYAaxHpjKeYcRKh4yEQWvGEPFBxYs6M9MTI9/jKMSwwRO+t+O8cHrHeOVis6whtMd2EuiQ4iNg4LfGM6d06Tse/2jFk6GxXSezfrChGrCTrmEpRkBqfTw6UwPu04gqzTobRrN8nE2ozK7Uy99NfZGIcfcq2vg5H4/80RCLzfj3Jf/hoKzjqM1NW7u/4dUwZ8OFqbmGtSXkrRqtKV4cREsGSMESFOiD9VPTlAn0wXI5X01kGemYgstO5qxlkhXmXav9s+Dwt1Xq3DeH4kRK7E4SUTF/5Thv3N7LKSUar3Z/ogssbd/YHRzEicd0g3NPVEO0R6iPAWd+lh0HSeS5ZC7IVLgKfkxb3126cZJq9CFa5TREWJBhu+kYHRdjmIyiDjnF78IqkkK5Eg86/UtGqfwFO+jSymxk/ASz01EfGBYbBM9sH1g98De42B7lRK5qgA=') format('woff2'), url('//at.alicdn.com/t/font_1570237_scdmbsdi2kl.woff?t=1579161294172') format('woff'), url('//at.alicdn.com/t/font_1570237_scdmbsdi2kl.ttf?t=1579161294172') format('truetype'), /* chrome, firefox, opera, Safari, Android, iOS 4.2+ */ url('//at.alicdn.com/t/font_1570237_scdmbsdi2kl.svg?t=1579161294172#iconfont') format('svg');
  /* iOS 4.1- */
}
.iconfont {
  font-family: "iconfont" !important;
  font-size: 16px;
  font-style: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.icon-left:before {
  content: "\e61a";
}
.icon-right:before {
  content: "\e61b";
}
.icon-search:before {
  content: "\e600";
}
.icon-info2:before {
  content: "\e611";
}
.icon-tel:before {
  content: "\e618";
}
.icon-top:before {
  content: "\e660";
}
.icon-duanxin:before {
  content: "\e7b9";
}
.icon-video:before {
  content: "\e678";
}
.icon-info:before {
  content: "\e6a4";
}
.icon-close:before {
  content: "\e615";
}
.icon-photo:before {
  content: "\e60e";
}
.icon-up:before {
  content: "\e619";
}
.icon-ertongfang:before {
  content: "\e61d";
}
.icon-keting:before {
  content: "\e61e";
}
.icon-chanting:before {
  content: "\e620";
}
.icon-shufang:before {
  content: "\e621";
}
.icon-test5:before {
  content: "\e622";
}
.icon-test6:before {
  content: "\e623";
}
.icon-test7:before {
  content: "\e624";
}
.icon-test8:before {
  content: "\e625";
}
.icon-test9:before {
  content: "\e626";
}
.icon-woshi:before {
  content: "\e627";
}
.iPicker-container,
.iPicker-container * {
  box-sizing: border-box;
}
.iPicker-container {
  position: relative;
  float: left;
  width: 200px;
  height: 34px;
  font-size: 14px;
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.iPicker-container:not(:last-child) {
  margin-right: 10px;
}
.iPicker-result {
  overflow: hidden;
  padding: 0 40px 0 12px;
  height: 34px;
  border: #dfdfdf solid 1px;
  border-radius: 4px;
  background: #fff;
  color: #000;
  white-space: nowrap;
  line-height: 32px;
  transition: border-color 0.2s;
}
.iPicker-result span {
  display: block;
  float: left;
  width: calc(100% + 10px);
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.iPicker-result-active:not(.iPicker-disabled),
.iPicker-result:not(.iPicker-disabled):hover {
  border: #000000 solid 1px;
}
.iPicker-result i {
  position: absolute;
  top: 0;
  right: 0;
  display: block;
  width: 30px;
  height: 34px;
}
.iPicker-result i::before {
  position: absolute;
  top: 0;
  right: 2px;
  display: block;
  width: 28px;
  height: 100%;
  background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBzdGFuZGFsb25lPSJubyI/PjwhRE9DVFlQRSBzdmcgUFVCTElDICItLy9XM0MvL0RURCBTVkcgMS4xLy9FTiIgImh0dHA6Ly93d3cudzMub3JnL0dyYXBoaWNzL1NWRy8xLjEvRFREL3N2ZzExLmR0ZCI+PHN2ZyB0PSIxNTc2OTk1MjQ3Njc4IiBjbGFzcz0iaWNvbiIgdmlld0JveD0iMCAwIDEwMjQgMTAyNCIgdmVyc2lvbj0iMS4xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHAtaWQ9IjI2NTAiIHdpZHRoPSIxNiIgaGVpZ2h0PSIxNiIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiPjxkZWZzPjxzdHlsZSB0eXBlPSJ0ZXh0L2NzcyI+PC9zdHlsZT48L2RlZnM+PHBhdGggZD0iTTUzNS40NjY2NjcgODEyLjhsNDUwLjEzMzMzMy01NjMuMmMxNC45MzMzMzMtMTkuMiAyLjEzMzMzMy00OS4wNjY2NjctMjMuNDY2NjY3LTQ5LjA2NjY2N0g2MS44NjY2NjdjLTI1LjYgMC0zOC40IDI5Ljg2NjY2Ny0yMy40NjY2NjcgNDkuMDY2NjY3bDQ1MC4xMzMzMzMgNTYzLjJjMTIuOCAxNC45MzMzMzMgMzQuMTMzMzMzIDE0LjkzMzMzMyA0Ni45MzMzMzQgMHoiIHAtaWQ9IjI2NTEiIGZpbGw9IiMwMDAwMDAiPjwvcGF0aD48L3N2Zz4=) center no-repeat;
  content: "";
  opacity: 0.5;
  transition: transform 0.3s;
  transform: scale(0.55);
}
.iPicker-result-active i::before {
  transform: scale(0.55) rotate(180deg);
}
.iPicker-placeholder {
  color: #aaa;
}
.iPicker-disabled {
  cursor: not-allowed;
  background: #f0f0f0;
  color: #aaa;
}
.iPicker-result.iPicker-disabled i {
  opacity: 0.5;
}
.iPicker-list {
  position: relative;
  z-index: 10;
  display: none;
  overflow-x: hidden;
  overflow-y: auto;
  padding: 8px 0;
  max-height: 300px;
  background: #fff;
  box-shadow: rgba(0, 0, 0, 0.1) 0 2px 6px;
  transform-origin: center top;
  animation-timing-function: ease-in-out;
  animation-duration: 0.3s;
  animation-fill-mode: forwards;
}
.iPicker-list li,
.iPicker-list ul {
  display: block;
  margin: 0;
  padding: 0;
}
.iPicker-list li {
  display: block;
  padding: 6px 12px;
  list-style: none;
  transition: 0.15s;
  word-break: break-all;
}
.iPicker-list li.iPicker-list-active,
.iPicker-list li:hover {
  background: #e7e7e7;
  color: #000;
}
.iPicker-list-active {
  cursor: default;
}
.iPicker-list.iPicker-list-hide,
.iPicker-list.iPicker-list-show {
  display: block;
}
.iPicker-list.iPicker-list-show {
  animation-name: iPickerShow;
}
.iPicker-list.iPicker-list-hide {
  animation-name: iPickerHide;
}
@keyframes iPickerShow {
  from {
    opacity: 0;
    transform: scaleY(0);
  }
  to {
    opacity: 1;
    transform: scaleY(1);
  }
}
@keyframes iPickerHide {
  from {
    opacity: 1;
    transform: scaleY(1);
  }
  to {
    opacity: 0;
    transform: scaleY(0);
  }
}
@media only screen and (min-width: 1200px) {
  #base_address {
    width: 100%;
  }
  #base_address .iPicker-container {
    width: 160px;
  }
  #base_address .iPicker-result {
    height: 45px;
    line-height: 45px;
    font-size: 18px;
    background: #eaeaea;
    color: #000;
  }
  #base_address .iPicker-result i::before {
    top: 6px;
    transform: scale(0.8);
  }
  #base_address .iPicker-list li {
    font-size: 16px;
  }
  body {
    font-size: 12px;
  }
  .container {
    width: 1024px;
    margin: auto;
  }
  .container:before,
  .container:after {
    content: "";
    display: table;
    clear: both;
  }
  .head {
    width: 100%;
    float: left;
  }
  .head_logo {
    float: left;
    padding: 50px 0 50px 60px;
  }
  .head_title,
  .head_history {
    display: none;
  }
  .head_right {
    float: right;
    font-size: 16px;
    padding-top: 0px;
    padding-right: 45px;
  }
  .header_link {
    padding-top: 30px;
  }
  .header_link a {
    position: relative;
  }
  .header_link a:hover img {
    display: block;
  }
  .header_link a img {
    position: absolute;
    left: -20px;
    top: 18px;
    width: 130px;
    display: none;
    z-index: 99999;
  }
  .header_link a {
    color: #242424;
  }
  .head_tel {
    padding-top: 30px;
    text-align: right;
  }
  .head_tel_name {
    color: #054a34;
    padding-right: 10px;
  }
  .head_tel_num {
    color: #fff;
    width: 135px;
    background-color: #054a34;
    padding-left: 10px;
    padding-right: 10px;
    border-radius: 5px;
  }
  .head_nav {
    width: 100%;
    float: left;
    background-color: #242424;
    font-size: 16px;
    padding: 10px 0;
  }
  .head_nav .container > li {
    float: left;
    width: 128px;
    height: 37px;
    position: relative;
  }
  .head_nav .container > li a {
    color: #fff;
    padding: 8px 0;
    text-align: center;
    position: absolute;
    z-index: 999;
    left: 0px;
    top: -10px;
    width: 100%;
    height: 41px;
    line-height: 41px;
    display: block;
  }
  :root {
    --time-slot-length: 0.1s;
    --t1x: var(--time-slot-length);
    --t2x: calc(var(--time-slot-length) * 2);
    --t3x: calc(var(--time-slot-length) * 3);
    --t4x: calc(var(--time-slot-length) * 4);
    --color: #F8F8FF;
  }
  .head_nav .container > li {
    color: white;
    border-bottom: 1px solid #242424;
    border-radius: 0.1em;
    position: relative;
    transition: var(--t4x);
    /* duration 4x */
  }
  .head_nav .container > li:hover {
    color: var(--color);
    animation: pulse ease-out 1s var(--t4x);
    /* delay 4x */
  }
  .head_nav .container > li::before,
  .head_nav .container > li::after {
    content: '';
    position: absolute;
    width: 0;
    height: 0;
    border-radius: 0.1em;
    visibility: hidden;
  }
  .head_nav .container > li::before {
    top: 0;
    left: 0;
    border-top: 1px solid var(--color);
    border-right: 1px solid var(--color);
    transition: height linear var(--t1x) var(--t2x), /* delay 2x */ width linear var(--t1x) var(--t3x), /* delay 3x */ visibility 0s var(--t4x);
    /* delay 4x */
  }
  .head_nav .container > li::after {
    bottom: 0;
    right: 0;
    border-bottom: 1px solid var(--color);
    border-left: 1px solid var(--color);
    transition: height linear var(--t1x), width linear var(--t1x) var(--t1x), /* delay 1x */ visibility 0s var(--t2x);
    /* delay 2x */
  }
  .head_nav .container > li:hover::before,
  .head_nav .container > li:hover::after {
    width: 100%;
    height: 100%;
    visibility: visible;
  }
  .head_nav .container > li:hover::before {
    transition: visibility 0s, width linear var(--t1x), height linear var(--t1x) var(--t1x);
    /* delay 1x */
  }
  .head_nav .container > li:hover::after {
    transition: visibility 0s var(--t2x), /* delay 2x */ width linear var(--t1x) var(--t2x), /* delay 2x */ height linear var(--t1x) var(--t3x);
    /* delay 3x */
  }
  .base_baner {
    width: 100%;
    height: 650px;
    background-repeat: no-repeat;
    background-position: center;
    float: left;
    text-align: center;
  }
  .banner_dz {
    background-image: url(/image/dz_banner_pc.jpg);
  }
  .banner_join {
    background-image: url(/image/join_banner_pc.jpg);
  }
  .banner_create {
    background-image: url(/image/create_banner_pc.jpg);
  }
  .banner_brand {
    background-image: url(/image/brand_banner_pc.jpg);
  }
  .banner_glory {
    background-image: url(/image/banner_glory_pc.jpg);
  }
  .banner_product {
    background-image: url(/image/banner_product_pc.jpg);
  }
  .footer {
    width: 100%;
    height: 311px;
    float: left;
    color: #fff;
    background: url(/image/pc/foot_bg.jpg) no-repeat center top #000;
  }
  .footer a {
    color: #fff;
  }
  .footer .container {
    padding-top: 33px;
  }
  .footer_menu {
    float: left;
    width: 200px;
    font-size: 14px;
  }
  .footer_menu li:nth-child(1) {
    font-size: 18px;
  }
  .footer_menu li {
    width: 100%;
    float: left;
    padding-top: 15px;
  }
  .footer_menu li {
    width: 100%;
    float: left;
    padding-top: 15px;
  }
  .footer_tel {
    width: 224px;
  }
  .footer_tel_ri,
  .footer_tel_lf {
    float: left;
    font-family: "iconfont" !important;
    font-style: normal;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
  }
  .footer_tel_lf {
    width: 50px;
    height: 50px;
    text-align: center;
  }
  .footer_ico_tel {
    /* margin-top: 10px; */
    font-size: 36px;
  }
  .footer_ico_tel:before {
    content: "\e618";
  }
  .footer_ico_message {
    font-size: 28px;
  }
  .footer_ico_message:before {
    content: "\e7b9";
  }
  .footer_tel_ri span {
    display: block;
  }
  .footer_tel_ri_tel {
    /* font-size: 24px; */
  }
  .footer_tel_ri_name {
    /* font-size: 16px; */
  }
  .footer_copy {
    padding-top: 15px;
    line-height: 20px;
  }
  .base_baner_pc {
    display: block;
  }
  .base_baner_wap {
    display: none;
  }
  /***城市 下拉**/
  #goTopBtn {
    position: fixed;
    line-height: 40px;
    width: 40px;
    bottom: 35px;
    right: 20px;
    height: 40px;
    cursor: pointer;
    font-size: 40px;
    opacity: 0.5;
    background: #fff;
  }
  .base-appointment {
    position: fixed;
    display: none;
    padding-bottom: 60px;
    left: 50%;
    top: 50%;
    margin-left: -350px;
    margin-top: -200px;
    width: 700px;
    background-color: #fff;
    border-radius: 10px;
    z-index: 999;
  }
  .base-appointment-title {
    font-size: 30px;
    text-align: center;
    color: #1e3626;
    padding: 27px 0 10px;
  }
  .base-appointment-warp {
    width: 500px;
    margin: auto;
  }
  .base-appointment-warp > .clear {
    width: 100%;
    float: left;
    margin-top: 10px;
  }
  .base-appointment-bg {
    background-color: #eaeaea;
  }
  .base-appointment-warp span.name {
    font-size: 18px;
    padding: 7px 20px;
    height: 25px;
    line-height: 25px;
    float: left;
  }
  .base-appointment-warp span.input-warp {
    float: left;
    width: 391px;
  }
  .base-appointment-warp input {
    width: 351px;
    padding: 10px 20px;
    background: none;
    border: 0px;
    font-size: 16px;
    color: #7c7c7d;
  }
  .base-appointment-warp select {
    width: 188px;
    padding: 10px 0;
    padding-left: 24px;
    background-color: #eaeaea;
    border: 1px solid #999999;
    color: #999999;
  }
  .base-appointment-warp button {
    width: 200px;
    height: 40px;
    line-height: 40px;
    text-align: center;
    border: 0px;
    background-color: #dbae49;
    color: #fff;
    font-size: 20px;
    margin: 20px auto 0;
  }
  .base-appointment-close {
    display: block;
    font-size: 40px;
    color: #000;
    position: absolute;
    width: 50px;
    height: 50px;
    text-align: center;
    line-height: 50px;
    right: 10px;
    top: 10px;
    z-index: 13;
  }
}
@keyframes pulse {
  from {
    /* rgb(30, 144, 255) == dodgerblue */
    box-shadow: 0 0 rgba(255, 255, 255, 0.5);
  }
  to {
    box-shadow: 0 0 0 1em rgba(255, 144, 255, 0);
  }
}
/***************分页******************/
.basePage {
  float: left;
  width: 100%;
  padding: 10px 0;
  text-align: center;
}
.basePage ul {
  display: inline-block;
}
.basePage ul li {
  float: left;
  margin-left: 5px;
  padding: 10px 6px;
  cursor: pointer;
  font-size: 20px;
  font-weight: normal;
  border: 1px solid #bfbdbe;
  color: #928c8a;
  border-radius: 3px;
}
.basePage ul li.active {
  border-color: #242424;
  background-color: #242424;
  color: #fff;
}
.basePage ul li a {
  color: #999;
}
.basePage .morePage {
  text-align: center;
  float: left;
  position: relative;
  cursor: pointer;
  padding-right: 28px;
}
.basePage .icon-up:before {
  position: absolute;
  right: 5px;
  top: 13px;
  font-size: 18px;
  font-weight: bold;
}
.basePage .basePageHove {
  float: left;
  position: absolute;
  width: 39px;
  border: 1px solid #ccc;
  height: 200px;
  overflow-y: auto;
  overflow-x: hidden;
  top: -202px;
  background-color: #fff;
  display: inline;
  left: -1px;
  width: 88px;
}
.basePage .basePageHove li {
  border: 0;
  padding: 4px 0px;
  color: #999;
  width: 100%;
  margin-left: 0px;
  text-align: center;
}
@media only screen and (max-width: 1199px) {
  .iPicker-container {
    width: 100%;
    margin-bottom: 0.5rem;
  }
  .iPicker-container:not(:last-child) {
    margin-right: 0px;
  }
  .iPicker-container:nth-child(2) {
    width: 49%;
  }
  .iPicker-container:nth-child(3) {
    width: 49%;
    float: right;
  }
  .base_baner_pc {
    display: none;
  }
  .base_baner_wap {
    display: block;
  }
  #base_address .iPicker-container {
    width: 100%;
  }
  #base_address .iPicker-result {
    height: 1.3rem;
    line-height: 1.3rem;
    font-size: 0.6rem;
    background: #eaeaea;
    color: #000;
  }
  #base_address .iPicker-result i {
    width: 1.3rem;
    height: 1.3rem;
  }
  #base_address .iPicker-list li {
    font-size: 0.5rem;
  }
  img {
    max-width: 16rem;
  }
  .bodyFixed {
    /* position: fixed; */
    /* left: 124px; */
    overflow: hidden;
  }
  body {
    max-width: 640px;
    margin: auto;
  }
  .container {
    width: 100%;
    clear: both;
  }
  .head {
    width: 100%;
    float: left;
    position: relative;
    border-bottom: solid 1px rgba(138, 138, 138, 0.46);
  }
  .head_logo {
    float: left;
    height: 48px;
    display: none;
  }
  .head_logo img {
    float: left;
    height: 20px;
    padding: 14px 0.5rem;
  }
  .head_history {
    border: #000 solid 0.08rem;
    position: absolute;
    left: 0.5rem;
    top: 50%;
    margin-top: -0.3rem;
    display: block;
    content: '';
    width: 0.6rem;
    height: 0.6rem;
    border-top: none;
    border-right: none;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
  }
  .head_title {
    width: 12.35rem;
    text-align: center;
    margin-left: 1.25rem;
    font-size: 0.8rem;
    line-height: 48px;
    float: left;
  }
  .head_right {
    display: none;
    font-size: 15px;
    transform: scale(0.7);
    float: left;
    padding-top: 18px;
  }
  .head_tel span {
    clear: both;
  }
  .menu {
    display: block;
    width: 48px;
    height: 48px;
    padding: 0;
    float: right;
  }
  .menu_box {
    display: block;
    position: relative;
    width: 30px;
    height: 38px;
    margin: 5px auto;
    -webkit-transition-property: background-color, -webkit-transform;
    transition-property: background-color, -webkit-transform;
    transition-property: background-color, transform;
    transition-property: background-color, transform, -webkit-transform;
    -webkit-transition-duration: 300ms;
    transition-duration: 300ms;
  }
  .menu_box span {
    background-color: #242424;
    top: 10px;
    width: 100%;
    height: 2px;
    display: block;
    position: absolute;
    left: 0px;
    transition: all ease 0.35s;
  }
  .menu_box span:nth-of-type(1) {
    top: 10px;
  }
  .menu_box span:nth-of-type(2) {
    top: 18px;
  }
  .menu_box span:nth-of-type(3) {
    top: 25px;
  }
  .open-head .menu_box span:nth-of-type(1) {
    top: 17px;
    transform: rotate(45deg);
    will-change: transform;
  }
  .open-head .menu_box span:nth-of-type(2) {
    width: 0;
    transform: translate3d(0, 0, 0);
  }
  .open-head .menu_box span:nth-of-type(3) {
    top: 17px;
    transform: rotate(-45deg);
    will-change: transform;
  }
  .head_nav {
    width: 100%;
    float: left;
    background-color: #f5f5f5;
    font-size: 0.6rem;
    display: none;
    z-index: 999;
    position: absolute;
    top: 48px;
    padding-bottom: 10px;
    transform: translate3d(0, 0, 0);
  }
  .head_nav .container {
    width: auto;
    padding: 0 10px 20px 10px;
  }
  .head_nav .container > li {
    float: left;
    width: 100%;
  }
  .head_nav .container > li a {
    display: inline-block;
    line-height: 1.4rem;
    display: block;
    color: #000;
    border-bottom: solid 1px rgba(138, 138, 138, 0.46);
    -webkit-animation-duration: 0.5s;
    animation-duration: 0.5s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
    -webkit-animation-name: returnToNormal;
    animation-name: returnToNormal;
    font-weight: 300;
  }
  .base_baner {
    width: 100%;
    min-height: 7.5rem;
    background-size: auto 7.5rem;
    background-repeat: no-repeat;
    background-position: center;
    float: left;
    text-align: center;
  }
  .base_baner img {
    float: left;
    width: 100%;
  }
  .banner_dz {
    background-image: url(/image/dz_banner_wap.jpg);
  }
  .banner_join {
    background-image: url(/image/join_banner_wap.jpg);
  }
  .banner_create {
    background-image: url(/image/create_banner_wap.jpg);
  }
  .banner_brand {
    background-image: url(/image/brand_banner_wap.jpg);
  }
  .banner_glory {
    background-image: url(/image/banner_glory_wap.jpg);
  }
  .banner_product {
    background-image: url(/image/banner_product_wap.jpg);
  }
  .footer {
    width: 100%;
    height: 5.15rem;
    float: left;
    color: #fff;
    background: url(/image/wap/foot_bg.jpg) no-repeat center top #000;
    background-size: 100% auto;
  }
  .footer a {
    color: #fff;
  }
  .footer .container {
    padding-top: 0.8rem;
  }
  .footer_menu {
    display: none;
  }
  .footer_tel li {
    width: 8rem;
    text-align: center;
    float: left;
  }
  .footer_tel li:nth-child(1) {
    display: none;
  }
  .footer_tel {
    display: block;
    width: 100%;
  }
  .footer_tel_ri,
  .footer_tel_lf {
    float: left;
    font-family: "iconfont" !important;
    font-size: 16px;
    font-style: normal;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
  }
  .footer_tel_ri,
  .footer_tel_lf {
    float: left;
    font-family: "iconfont" !important;
    font-size: 0.75rem;
    font-style: normal;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
  }
  .footer_tel_lf {
    width: 2rem;
    height: 2rem;
  }
  .footer_ico_tel {
    font-size: 2rem;
    margin-left: 0.5rem;
  }
  .footer_ico_tel:before {
    content: "\e618";
  }
  .footer_ico_message {
    font-size: 1.5rem;
  }
  .footer_ico_message:before {
    content: "\e7b9";
  }
  .footer_tel_ri span {
    display: block;
  }
  .footer_tel_ri_tel {
    display: none;
    font-size: 0.75rem;
  }
  .footer_tel_ri_name {
    font-size: 0.75rem;
  }
  .footer_copy {
    padding-top: 0.3rem;
  }
  .footer_copy span {
    display: block;
  }
  .footer_copy .footer_m_h {
    display: none;
  }
  /***城市 下拉**/
  #goTopBtn {
    position: fixed;
    line-height: 1.2rem;
    width: 1.2rem;
    bottom: 0.875rem;
    right: 0.5rem;
    height: 1.2rem;
    cursor: pointer;
    opacity: 0.7;
    box-shadow: 0px 0px 5px #ececec;
    background: #fff;
    font-size: 1.2rem;
  }
  .base-appointment {
    position: fixed;
    display: none;
    padding-bottom: 0.5rem;
    left: 50%;
    top: 1rem;
    margin-left: -7rem;
    box-shadow: 0px 0px 3px #ececec;
    width: 14rem;
    background-color: #fff;
    border-radius: 0.5rem;
    z-index: 999;
  }
  .base-appointment-title {
    font-size: 0.75rem;
    text-align: center;
    color: #1e3626;
    padding: 0.5rem 0 0.25rem;
  }
  .base-appointment-warp {
    width: 13rem;
    margin: auto;
  }
  .base-appointment-warp > .clear {
    width: 100%;
    float: left;
    margin-top: 0.25rem;
  }
  .base-appointment-bg {
    background-color: #eaeaea;
  }
  .base-appointment-warp span.name {
    font-size: 0.5rem;
    text-align: center;
    width: 3rem;
    height: 1.2rem;
    line-height: 1.2rem;
    float: left;
  }
  .base-appointment-warp span.input-warp {
    float: left;
    width: 10rem;
  }
  .base-appointment-warp input {
    width: 9.22rem;
    padding: 0.25rem 0.5rem;
    background: none;
    border: 0px;
    font-size: 0.5rem;
    color: #7c7c7d;
  }
  #base_address {
    width: 100%;
  }
  #base_address .iPicker-container {
    height: 1.3rem;
    line-height: 1.3rem;
    margin-bottom: 0.25rem;
  }
  #base_address .iPicker-container:nth-child(2) {
    width: 48%;
    float: left;
  }
  #base_address .iPicker-container:nth-child(3) {
    width: 48%;
    float: right;
  }
  .base-appointment-warp button {
    width: 5.7rem;
    height: 1.2rem;
    line-height: 1.2rem;
    text-align: center;
    border: 0px;
    background-color: #dbae49;
    color: #fff;
    font-size: 0.65rem;
    margin: 0.1rem 0;
  }
  .base-appointment-close {
    display: block;
    font-size: 1.2rem;
    color: #000;
    position: absolute;
    width: 1rem;
    height: 1rem;
    text-align: center;
    line-height: 1rem;
    right: 10px;
    top: 10px;
    z-index: 13;
  }
  .basePage {
    padding-top: 0px;
    padding-bottom: 0.5rem;
  }
  .basePage ul {
    display: inline-block;
  }
  .basePage ul li {
    margin-left: 0.5rem;
    padding: 0.25rem;
    font-size: 0.6rem;
  }
  .basePage ul li.active {
    border-color: #ccc;
  }
  .basePage ul li a {
    color: #999;
  }
  .basePage ul li.last,
  .basePage ul li.first {
    display: none;
  }
  .basePage .morePage {
    padding-right: 1rem;
  }
  .basePage .icon-up:before {
    right: 0.25rem;
    top: 0.35rem;
    font-size: 0.6rem;
  }
  .basePage .basePageHove {
    height: 6.15rem;
    top: -6.15rem;
    width: 2.93rem;
  }
  .basePage .basePageHove li {
    padding: 0.25rem 0px;
  }
}
@-webkit-keyframes returnToNormal {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
  }
  100% {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}
@keyframes returnToNormal {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
  }
  100% {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}
._citys1 {
  -webkit-overflow-scrolling: touch;
  -webkit-transform: translateZ(0px);
}
._citys1::-webkit-scrollbar-track-piece {
  background-color: rgba(0, 0, 0, 0);
  border-left: 1px solid rgba(0, 0, 0, 0);
}
._citys1::-webkit-scrollbar {
  width: 5px;
  height: 13px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
}
._citys1::-webkit-scrollbar-thumb {
  background-color: rgba(0, 0, 0, 0.5);
  background-clip: padding-box;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  min-height: 28px;
}
._citys1::-webkit-scrollbar-thumb:hover {
  background-color: rgba(0, 0, 0, 0.5);
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
}